<template>
    <div class="right-container">
        <!--视频详情页右部分 头部 up主信息-->
        <upInfo></upInfo>
        <!--视频详情页右部分 弹幕列表区-->
        <danmaku-box></danmaku-box>
        <!--广告部分-->
        <advertise-box></advertise-box>

        <!--下一个视频 组件-->
        <up-recommend-video-box></up-recommend-video-box>
<!--      视频选集有多种样式--><!--视频详情页右部分 视频列表区-->

        <video-episode v-if="detailList.typeId === 1"></video-episode>
        <video-episode-next v-if="detailList.typeId === 2"></video-episode-next>
        <video-episode-theme v-if="detailList.typeId === 4"></video-episode-theme>
<!--      分隔符-->
        <!--视频详情页右部分 推荐视频-->
        <recList></recList>
    </div>

</template>

<script>
import upInfo from './upInfo.vue'
import recList from './recList.vue'
import VideoEpisode from "@/components/detailComponent/videoEpisodeComonent/videoEpisode";
import DanmakuBox from "@/components/detailComponent/danmakuBox";
import AdvertiseBox from "@/components/detailComponent/advertiseBox";
import VideoEpisodeNext from "@/components/detailComponent/videoEpisodeComonent/videoEpisodeNext";
import VideoEpisodeTheme from "@/components/detailComponent/videoEpisodeComonent/videoEpisodeTheme";
import UpRecommendVideoBox from "@/components/detailComponent/upRecommendVideoBox";

export default {
    /**视频详情页 右部分*/
    name: 'rightContainer',
    components: {
      UpRecommendVideoBox,
      VideoEpisodeTheme,
      VideoEpisodeNext,
      AdvertiseBox,
      DanmakuBox,
      VideoEpisode,
      upInfo,
      recList
    },
    methods: {

    },
    inject: [
      "detailList",
    ],
}
</script>


<style scoped>
.right-container {
    width: 350px;
    margin-left: 30px;
    position: relative;
}
</style>
